.star-rating {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 150px;
    height: 30px;
    position: relative;
    background: url(../i/star_rating.gif) top left repeat-x;
    margin-left: 150px;
}

    .star-rating li {
        padding: 0px;
        margin: 0px;
        height: 30px;
        width: 30px;
        float: left;
    }

        .star-rating li a {
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-decoration: none;
            text-indent: -9000px;
            z-index: 20;
            position: absolute;
            padding: 0px;
            overflow: hidden;
        }

    .star-rating:not(.disabled) li a:hover {
        background: url(../i/star_rating.gif) left center;
        z-index: 2;
        left: 0px;
        border: none;
    }

    .star-rating a.one-star {
        left: 0px;
    }

    .star-rating:not(.disabled) a.one-star:hover {
        width: 30px;
    }

    .star-rating a.two-stars {
        left: 30px;
    }

    .star-rating:not(.disabled) a.two-stars:hover {
        width: 60px;
    }

    .star-rating a.three-stars {
        left: 60px;
    }

    .star-rating:not(.disabled) a.three-stars:hover {
        width: 90px;
    }

    .star-rating a.four-stars {
        left: 90px;
    }

    .star-rating:not(.disabled) a.four-stars:hover {
        width: 120px;
    }

    .star-rating a.five-stars {
        left: 120px;
    }

    .star-rating:not(.disabled) a.five-stars:hover {
        width: 150px;
    }

    .star-rating li.one,
    .star-rating li.two,
    .star-rating li.three,
    .star-rating li.four,
    .star-rating li.five {
        background: url(../i/star_rating.gif) left bottom;
        position: absolute;
        height: 30px;
        display: block;
        padding: 0;
        z-index: 1;
    }

    .star-rating li.one {
        width: 30px;
    }

    .star-rating li.two {
        width: 60px;
    }

    .star-rating li.three {
        width: 90px;
    }

    .star-rating li.four {
        width: 120px;
    }

    .star-rating li.five {
        width: 150px;
    }

a:active {
    outline: none;
}
